<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表渲染</title>
</head>
<body>



<div id="app">

</div>

</body>
<script src="../lib/react/react.development.js"></script>
<script src="../lib/react/react-dom.development.j.js"></script>
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
<script type="text/babel">


  const nums = [1,3,5,7];

  const cities=[{
       id:1,
       name:'北京'
  },{
        id:2,
        name:'天津'
  }]

  const  boxes = nums.map((num)=><li>{num}</li>);

  const options = cities.map((city)=><option value={city.id}>{city.name}</option>)


  //ReactDOM.render(<ul>{boxes}</ul>,document.getElementById('app'));

  ReactDOM.render(<select>{options}</select>,document.getElementById('app'));


</script>
</html>